<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section id="booking_account" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>결제 수단 선택</h2>
            <!--left  btn-->
            <div class="top_left">
                <a id="btn_back" href="#" data-direction="reverse" class="ico_btn btn2">이전</a>
            </div>
            
            <!--right  btn-->
            <div class="top_right">
                <a id="go_booking_help" href="#" data-transition="slide" class="ico_btn btn13">주의사항</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section id="booking_acc_detail_contents" data-role="content"> 
        <!--detail info-->
        <article class="booking_view">
            <h5>컨트리클럽 레이크코스 <em>18H</em><mark>2012.05.12(토) 06:30</mark></h5>
            <div class="ui-grid-b">
            	<!--할인적용이 있을때-->
                <div class="ui-block-a">정상그린피<span>3,570,000 원</span></div>
                <div class="ui-block-b"><em>→</em></div>
                <div class="ui-block-c">고객그린피 할인가<span>￦ <mark>3,150,000</mark> </span></div>
                
                <!--할인적용이 없을때--> 
                 <div class="no_sale">고객그린피 <span>￦ <mark>3,150,000</mark> </span> </div>
            </div>
            
            <div class="price_area">  가승인 결제 금액  : <mark>￦ 2,100,000</mark> </div>
        </article><!-- // class="booking_view" 끝  -->  
        
        <!--결제수단선택-->
        <div data-role="fieldcontain" class="no_bd02">
            <fieldset data-role="controlgroup">
               <input type="radio" name="a" id="a1" value="1"  /><!-- id값과 for값이 동일하게 작업하세요!  -->
               <label for="a1">핸드폰 결제</label>
               <input type="radio" name="a" id="a2" value="2"  /><!-- id값과 for값이 동일하게 작업하세요!  -->
               <label for="a2">신용카드 결제</label>
            </fieldset>
        </div>
        
        <!--btn-->           
         <!--div class="btn_area04"><button data-theme="a" data-transition="slide" class="btn_type1">다음</button> </div-->         
         <a id="btn_next" href="#" data-role="button" data-theme="a" data-transition="slide" class="btn_type1">다음</a>
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
